
.paragraph {
  border: 1px solid blue ; 
  text-align: center ;
}

.wrapper {
  display: flex ;
  border:1px solid blue ;
  height: 30px ;
  line-height: 30px ;
}

.wrapper>span {
  /* 控制柔性项目在主轴方向的尺寸 */
  flex-basis: 200px;
}

.wrapper>span:nth-child(2n) {
  background: #ff0;
}

.counter {
  font-size: 30px ;
  text-align: center ;
  width: 200px ;
}